<template>
    <div class="shade-box" @click="clickhandle">
        <img src="../assets/img/android_shade.png" alt="" srcset="" v-if="clienttype=='android'">
        <img src="../assets/img/ios_shade.png" alt="" srcset="" v-if="clienttype=='ios'">
    </div>
</template>

<script>
export default {
    name:'shade',
    props:{
        clienttype:{
            type: String,
            default: 'ios'
        }
    },
    methods:{
        clickhandle:function() {
            this.$emit('clickhandle');
        }
    }
}
</script>

<style lang="stylus" scoped>
    .shade-box
        width 100vw
        height 100vh
        position fixed
        top 0px
        left 0px
        overflow hidden
        background rgba(0, 0, 0, 0.6)
        z-index 99
        img 
            width 100%
            
</style>